.topleg{display: none;}
.head .navbox .navList a:nth-child(1){color: #fff!important;}
.head .navbox .navList a:nth-child(1)::before,
.head .navbox .navList a:nth-child(1)::after{transform: scale(1);}
.index .video-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;display: none;z-index: 1000;}
.index .video-mask .video-wrap{width: 1000px;height: 700px;position: absolute;left: 50%;margin-left: -500px;top: 50%;margin-top: -350px;}
.index .video-mask .video-wrap .closevideo{width: 44px;height: 44px;position: absolute;right: -30px;top: -30px;}
.index .video-mask .video-wrap video{width: 100%;height: 100%;}
.index #swiper1 .swiper-slide img{width: 100%;}
.index #swiper1 .tobox{width: 50%;position: absolute;left: 0;bottom: 0;height: 80px;z-index: 111;}
.index #swiper1 .tobox .inwrap{width: 700px;float: right;height: 100%;}
.index #swiper1 .tobox .inwrap .pagination{float: left;width: 395px;line-height: 80px;font-family: AvantGardeGothic-DTC;font-size: 20px;color: #cccccc;}
.index #swiper1 .tobox .inwrap .pagination .swiper-pagination-current{font-family: AvantGardeGothic-DTC;font-size: 60px;color: #097bc8;}
.index #swiper1 .tobox .inwrap .btnbox{width: 305px;height: 100%;float: right;font-family: AvantGardeGothic-DTC;font-size: 14px;color: #888888;}
.index #swiper1 .tobox .inwrap .btnbox .btn{width: 50%;float: left;line-height: 80px;box-sizing: border-box;transition: all .3s;cursor: pointer;}
.index #swiper1 .tobox .inwrap .btnbox .prev1{padding-left: 85px;background-image: url(../images/jiantou-l.png);background-repeat: no-repeat;background-position: 60px center;}
.index #swiper1 .tobox .inwrap .btnbox .next1{padding-right: 85px;text-align: right;background-image: url(../images/jiantou-r.png);background-repeat: no-repeat;background-position: 84px center;}
.index #swiper1 .tobox .inwrap .btnbox .prev1:hover{color: #097bc8;background-position: 55px center;}
.index #swiper1 .tobox .inwrap .btnbox .next1:hover{color: #097bc8;background-position: 89px center;}
.index .aboutsection{padding-top: 80px;width: 1400px;margin: 0 auto;margin-bottom: 80px;position: relative;}
.index .aboutsection .shuazi{top: 166px;}
.index .aboutsection .left{padding-left: 40px;box-sizing: border-box;width: 50%;float: left;}
.index .aboutsection .left .title{font-family: AvantGardeGothic-DTC;font-size: 36px;line-height: 38px;color: #3c3c3c;margin-bottom: 8px;}
.index .aboutsection .left .text{font-size: 20px;line-height: 40px;color: #3c3c3c;margin-bottom: 76px;}
.index .aboutsection .left .content{font-size: 16px;line-height: 32px;height: 285px;overflow-y: scroll;color: #666666;text-align: justify;}
.index .aboutsection .left .content::-webkit-scrollbar{display: none;}
.index .aboutsection .left .btn{background: url(../images/index-02.png);transition: all .3s;width: 180px;}
.index .aboutsection .left .btn a{display: block;width: 180px;height: 42px;line-height: 42px;color: #fff;text-align: center;box-sizing: border-box;padding-right: 34px;background: url(../images/jiantou-r2.png) no-repeat 130px center;transition: all .3s;}
.index .aboutsection .left .btn:hover{background: url(../images/index-03.png);}
.index .aboutsection .left .btn:hover a{background: url(../images/jiantou-r2.png) no-repeat 135px center;}
.index .aboutsection .right{width: 50%;float: left;padding-top: 160px;position: relative;}
.index .aboutsection .right .bg{margin-left: 100px;}
.index .aboutsection .right .bg img{width: auto;}
.index .aboutsection .right .v-box{width: 530px;height: 439px;position: absolute;left: 262px;top: 0;cursor: pointer;}
.index .aboutsection .right .v-box img{width: 100%;}
.index .aboutsection .right .v-box .v-mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.2);transition: all .3s;}
.index .aboutsection .right .v-box .v-mask img{width: 17.5%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: .8;transition: all .3s;}
.index .aboutsection .right .v-box .v-mask:hover{background: rgba(0, 0, 0, 0);}
.index .aboutsection .right .v-box .v-mask:hover img{opacity: 1;}
.index .aboutsection .right .v-box .line{width: 17.5%;height: 4px;background: #00bedc;position: absolute;right: 0;transform: translateX(50%);top: 85.4%;}
.index .prosection #swiper2 .prolist{width: 25%;position: relative;cursor: pointer;float: left;}
.index .prosection #swiper2 .prolist img{width: 100%;}
.index .prosection #swiper2 .prolist .limask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;}
.index .prosection #swiper2 .prolist .limask .titlebox{width: 100%;height: 100%;box-sizing: border-box;position: absolute;overflow: hidden;left: 0;top: 0;}
.index .prosection #swiper2 .prolist .limask .titlebox .title{margin-left: 7.082%;margin-top: 13.3333%;}
.index .prosection #swiper2 .prolist .limask .titlebox .ti{font-size: 24px;line-height: 26px;color: #ffffff;margin-bottom: 18px;font-weight: bold;}
.index .prosection #swiper2 .prolist .limask .titlebox .te{font-family: Gotham-XLight;font-size: 18px;line-height: 18px;color: rgba(255, 255, 255, 0.6);}
.index .prosection #swiper2 .prolist .limask .titlebox .content{margin-left: 7.082%;padding-left: 18px;margin-top: 22.9%;opacity: 0;transition: all .3s;}
.index .prosection #swiper2 .prolist .limask .titlebox .content li{list-style: initial;font-size: 14px;line-height: 36px;color: #ffffff;}
.index .prosection #swiper2 .prolist .limask .morebox{font-family: AvantGardeGothic-DTC;font-size: 14px;line-height: 20px;color: #ffffff;width: 110px;background-image: url(../images/jiantou-r2.png);background-repeat: no-repeat;background-position: right center;position: absolute;left: 7%;bottom: 7.25%;opacity: 1;transition: all .3s;}
.index .prosection #swiper2 .prolist .limask:hover{background: url(../images/index-08.png);background-size: 100% 100%;}
.index .prosection #swiper2 .prolist .limask:hover .titlebox .content{opacity: 1;}
.index .prosection #swiper2 .prolist .limask:hover .morebox{opacity: 0;}
.index .prosection #swiper2 .btn{width: 60px;height: 100%;position: absolute;top: 0;background-color: rgba(0, 0, 0, 0.15);z-index: 11;opacity: 0;transition: all .3s;cursor: pointer;}
.index .prosection #swiper2 .prev2{left: 0;background-image: url(../images/index-13.png);background-repeat: no-repeat;background-position: center center;}
.index .prosection #swiper2 .next2{right: 0;background-image: url(../images/index-12.png);background-repeat: no-repeat;background-position: center center;}
.index .prosection #swiper2:hover .btn{opacity: 1;}
.index .newsection{width: 1400px;margin: 0 auto;margin-bottom: 80px;position: relative;}
.index .newsection .shuazi{top: 50px;}
.index .newsection .titlebox{margin: 114px 0 70px 0;padding-left: 40px;}
.index .newsection .titlebox .ti{font-family: AvantGardeGothic-DTC;font-size: 30px;line-height: 32px;margin-bottom: 8px;color: #3c3c3c;}
.index .newsection .titlebox .te{font-size: 20px;line-height: 20px;color: #3c3c3c;}
.index .newsection .newlist li{width: 30%;float: left;margin-right: 5%;cursor: pointer;padding-bottom: 50px;}
.index .newsection .newlist li .imgbox{overflow: hidden;}
.index .newsection .newlist li .imgbox img{transition: all .3s;}
.index .newsection .newlist li .title{margin: 30px 0;}
.index .newsection .newlist li .title .ti{font-size: 20px;line-height: 26px;color: #222222;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.index .newsection .newlist li .title .te{font-size: 14px;line-height: 28px;color: #888888;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space: nowrap;}
.index .newsection .newlist li .morebox{width: 99px;font-family: AvantGardeGothic-DTC;font-size: 14px;line-height: 33px;color: #c5c5c5;background-position: 100% center;background-image: url(../images/jiantou-l2.png);background-repeat: no-repeat;}
.index .newsection .newlist li:last-child{margin-right: 0;}
.index .newsection .newlist li:hover .title .ti{color: #097bc8;}
.index .newsection .newlist li:hover .imgbox img{transform: scale(1.02, 1.02);}
.index #swiper3 #sp3{bottom: 0px;}
.index #swiper3 #sp3 .swiper-pagination-bullet-active{background: #097bc8;}
.index .add{height: 330px;background: url(../images/index-17.jpg) center center no-repeat;}
.index .add .content{width: 1400px;margin: 0 auto;height: 100%;overflow: hidden;}
.index .add .content .title{line-height: 42px;margin-top: 85px;font-size: 42px;font-style: italic;line-height: 26px;color: #ffffff;margin-bottom: 78px;}
.index .add .content .morebox{background: url(../images/index-02.png);transition: all .3s;width: 180px;}
.index .add .content .morebox a{display: block;width: 180px;height: 42px;line-height: 42px;color: #fff;text-align: center;box-sizing: border-box;padding-right: 34px;background: url(../images/jiantou-r2.png) no-repeat 130px center;transition: all .3s;}
.index .add .content .morebox:hover{background: url(../images/index-03.png);}
.index .add .content .morebox:hover a{background: url(../images/jiantou-r2.png) no-repeat 135px center;}
@media screen and (min-width: 1440px) and (max-width: 1600px){.index #swiper1 .tobox .inwrap{width: 650px;}.index #swiper1 .tobox .inwrap .pagination{width: 300px;}.index .aboutsection{width: 1300px;}.index .aboutsection .right .v-box{left: 248px;}.index .newsection{width: 1300px;}.index .add .content{width: 1300px;}}
@media screen and (min-width: 1280px) and (max-width: 1440px){.index #swiper1 .tobox .inwrap{width: 600px;}.index #swiper1 .tobox .inwrap .pagination{width: 200px;}.index .aboutsection{width: 1200px;}.index .aboutsection .left{padding-left: 20px;width: 50%;}.index .aboutsection .right{padding-top: 140px;}.index .aboutsection .right .bg{margin-left: 100px;}.index .aboutsection .right .bg img{width: 346px;}.index .aboutsection .right .v-box{width: 343px;height: 428px;left: 240px;}.index .newsection{width: 1200px;}.index .newsection .titlebox{padding-left: 20px;}.index .add .content{width: 1200px;}}
@media screen and (min-width: 100px) and (max-width: 1024px){.topleg{display: none;}.shuazi{display: none;}.index #swiper1 .tobox .inwrap{width: 100%;float: right;height: 100%;}.index #swiper1 .tobox .inwrap .pagination{text-align: center;width: 100%;box-sizing: border-box;padding-left: 6%;font-size: 14px;line-height: 40px;}.index #swiper1 .tobox .inwrap .pagination .swiper-pagination-current{font-size: 30px;}.index #swiper1 .tobox{width: 25%;height: 40px;}.index .aboutsection{padding-top: 44px;width: 90%;margin-bottom: 44px;}.index .aboutsection .left{padding-left: 0;box-sizing: border-box;width: 100%;float: none;margin-bottom: 44px;}.index .aboutsection .left .content{font-size: 14px;line-height: 24px;height: auto;margin-bottom: 24px;}.index .aboutsection .left .title{font-size: 30px;line-height: 32px;}.index .aboutsection .left .text{font-size: 16px;line-height: normal;margin-bottom: 20px;}.index .aboutsection .left .btn{width: 136px;background-size: 100% 100%;}.index .aboutsection .left .btn a{width: 100%;height: 32px;line-height: 32px;padding-right: 20px;background: url(../images/jiantou-r2.png) no-repeat 100px center;}.index .aboutsection .left .btn:hover{background: url(../images/index-03.png);background-size: 100% 100%;}.index .aboutsection .left .btn:hover a{background:url(../images/jiantou-r2.png) no-repeat 112px center;}.index .aboutsection .right{width: 100%;float: none;padding-top: 30.3333%;position: relative;}.index .aboutsection .right .bg{margin-left: 0;}.index .aboutsection .right .bg img{width: 67.33%;}.index .aboutsection .right .v-box{width: 66.6666%;position: absolute;height: auto;left: 26.666%;top: 0;}.index .aboutsection .right .v-box>img{width: 100%;}.index .prosection #swiper2 .prolist{width: 25%;position: relative;cursor: pointer;float: left;}.index .prosection #swiper2 .prolist .limask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;}.index .prosection #swiper2 .prolist .limask .titlebox{width: 100%;height: 100%;box-sizing: border-box;position: absolute;overflow: hidden;left: 0;top: 0;}.index .prosection #swiper2 .prolist .limask .titlebox .ti{font-size: 20px;margin-bottom: 10px;}.index .prosection #swiper2 .prolist .limask .titlebox .te{font-family: Gotham-XLight;font-size: 16px;line-height: 16px;color: rgba(255, 255, 255, 0.6);}.index .prosection #swiper2 .prolist .limask .titlebox .content{padding-left: 18px;margin-top: 22.9%;opacity: 0;transition: all .3s;}.index .prosection #swiper2 .prolist .limask .titlebox .content li{list-style: initial;font-size: 14px;line-height: 36px;color: #ffffff;}.index .prosection #swiper2 .prolist .limask .morebox{font-family: AvantGardeGothic-DTC;font-size: 14px;line-height: 20px;color: #ffffff;width: 110px;background-image: url(../images/jiantou-r2.png);background-repeat: no-repeat;background-position: right center;position: absolute;left: 7%;bottom: 7.25%;opacity: 1;transition: all .3s;}.index .prosection #swiper2 .prolist .limask:hover{background: none;}.index .prosection #swiper2 .prolist .limask:hover .titlebox .content{opacity: 0;}.index .prosection #swiper2 .prolist .limask:hover .morebox{opacity: 1;}.index .prosection #swiper2:hover .btn{opacity: 0;}.index .newsection{width: 90%;margin-bottom: 44px;}.index .newsection .titlebox{margin: 44px 0 22px 0;padding-left: 0%;}.index .newsection .titlebox .te{font-size: 20px;line-height: 20px;}.index .newsection .newlist li{width: 100%;float: none;margin-right: 0;padding-bottom: 22px;}.index .newsection .newlist li .title .ti{font-size: 16px;line-height: 18px;margin-bottom:8px;}.index .newsection .newlist li .title .te{font-size: 14px;line-height: 16px;}.index .newsection .newlist li .morebox{line-height: 14px;}.index .newsection .newlist li .imgbox img{width: 100%;transition: all .3s;}.index .newsection .newlist li .title{margin: 10px 0;}.index .add{height: 330px;background: url(../images/index-17.png) center center no-repeat;}.index .add .content{width: 100%;}.index .add .content .title{line-height: 42px;margin-top: 85px;font-size: 28px;padding-left: 3%;font-style: italic;line-height: 26px;color: #ffffff;margin-bottom: 78px;}.index .add .content .morebox{width: 136px;margin-left: 3%;height: 32px;background-size: 100% 100%;}.index .add .content .morebox a{width: 100%;line-height: 32px;height: 32px;padding-right: 20px;background: url(../images/jiantou-r2.png) no-repeat 100px center;}.index .add .content .morebox:hover{background: url(../images/index-03.png);background-size: 100% 100%;}.index .add .content .morebox:hover a{background:url(../images/jiantou-r2.png) no-repeat 112px center;}.index .video-mask .video-wrap{width: 100%;height: 300px;left: 0%;margin-left: 0px;margin-top: -150px;}.index .video-mask .video-wrap .closevideo{right: 30px;}}
@media screen and (min-width: 750px) and (max-width: 1024px){.index .newsection .newlist li{float: left;width: 48.5%;margin-right: 3%;padding-bottom: 3%;}.index .newsection .newlist li:nth-child(2n){margin-right: 0;}}
